<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TemplateWorld.com Template - Web 2.0</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body{font:12px Arial,Verdana,Tahoma;}
*{padding:0px;margin:0px;}
* li{list-style:none;}
a{text-decoration:none;color:#20537A;}
a:hover{text-decoration:underline;}

.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
}
.clearfix {
    _zoom: 1;
}
*+html .clearfix {
	overflow:auto;
}
.menu_navcc{
	width:985px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.menu_nav{width:970px;height:48px;background:url(images/nav_bg.gif) repeat-x;float:left;margin-top:18px;}
.menu_nav .nav_content{padding-left:25px;background:url(images/nav_l_bg.gif) no-repeat;float:left;}
.menu_nav .nav_content li{
	width:88px;
	height:40px;
	padding-left:15px;
	padding-right:13px;
	background:url(images/nav_li_right.gif) no-repeat right center;
	float:left;
	line-height:48px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}
.menu_nav .nav_content li a{color:#fff;width:88px;height:48px;display:block;}
.menu_nav .nav_content li.current{line-height:37px;}
.menu_nav .nav_content li em{background:url(images/bid_new.gif) no-repeat;width:35px;height:21px;display:inline-block;position:absolute;top:-20px;left:40px;}
.menu_nav .nav_content li.current a,.menu_nav .nav_content li a:hover{width:88px;height:37px;background:url(images/nav_li_current.gif) no-repeat;display:block;color:#fff;}
.menu_nav .nav_content li a:hover{background:url(images/nav_li_hover.gif) no-repeat;line-height:37px;text-decoration:none;}
.menu_nav_right{padding-right:20px;background:url(images/nav_r_bg.gif) no-repeat right top;float:right;margin-left:50px;padding-top:13px;height:23px;padding-bottom:12px;}
p{
margin-bottom:15px}
-->
</style>
<style type="text/css">
<!--
.STYLE6 {
	color: #9D0A0A;
	font-size: large;
	font-weight: bold;
}
.STYLE8 {font-size: small}
.STYLE11 {font-family: Fixedsys, "仿宋", System; font-weight: bold; font-size: small; }
-->
</style>
<style type="text/css">
body {
	font-size:12px
}
/* 当前模块的总宽度为250px，不合适的自己调整吧，另外改变相关图片的路径的话注意修改css样式代码的图片路径 */
#slidingBlock {
	width:975px;
	border:1px solid #F5E3D5;
	over-flow:hidden;
	float: none;
	clear: none;
	height: 270px;
	clip: rect(auto,auto,auto,100px);
	margin-left: 0px;
}
#slidingBlock h4 {
    float:left;width:82px;height:30px;line-height:25px;text-align:center;font-size:12px;over-flow:hidden
}
#slidingBlock h4.menuNo {
    font-weight:normal;color:#333333;background:url(images/slidingMenuLine.gif) repeat-x
}
#slidingBlock h4.menuOn {
    font-weight:bold;color:#ffffff;background:url(images/slidingMenu.gif) no-repeat
}
#slidingBlock DIV.slidingList_none {
    display:none
}
#slidingBlock DIV.slidingList {
    margin:0px;padding:5px;height:150px
}
#slidingBlock DIV.slidingList ul {
    margin:0px;padding:0px
}
#slidingBlock DIV.slidingList li {
    height:20px;line-height:177px
}
#slidingBlock DIV.slidingList li span {
    font-size:12px;font-weight:normal;color:#ffffff;padding-left:4px;padding-right:8px
}
#slidingBlock DIV.slidingList li.one {
    background:url(images/slidingTag1.gif) no-repeat
}
#slidingBlock DIV.slidingList li.two {
    background:url(images/slidingTag2.gif) no-repeat
}
#slidingBlock DIV.slidingList li.thr {
    background:url(images/slidingTag3.gif) no-repeat
}
#slidingBlock DIV.slidingList li.for {
    background:url(images/slidingTag4.gif) no-repeat
}
#slidingBlock DIV.slidingList li.fiv {
    background:url(images/slidingTag5.gif) no-repeat
}
#slidingBlock DIV.slidingList li.six {
    background:url(images/slidingTag6.gif) no-repeat
}
.STYLE16 {font-size: x-large}
.STYLE20 {
	font-size: 18px;
}
.STYLE25 {font-size: 14px}
.STYLE34 {font-size: 14px; color: #9D0A0A; }
.STYLE36 {font-size: 14px; font-weight: bold; color: #9D0A0A; }
.STYLE38 {color: #9D0A0A}
.STYLE39 {font-size: 14px; font-style: italic; color: #9D0A0A; }
.STYLE40 {color: #CC0000}
</style>
</head>
<body>
<!--body start -->
<div id="body">
<!--left start -->
<div id="left">
<a href="index.html"><img src="images/logo.gif" alt="import" width="300" height="108" border="0" class="logo" /></a>
<!--member start -->
<div id="member">
<h2>用户登录</h2>
<form name="memberLogin" action="#" method="post">
<label>帐号</label>
<input type="text" name="name" class="txtBox" />
<label>密码</label>
<input type="password" name="password" class="txtBox" />
<a href="./findLostword.html">忘记密码？</a><br/>

<input type="button" name="login" class="login" value="登录" /> 
<br class="spacer" />
 <input type="button" name="login2" class="login" value="注册" onclick="window.location.href='regist.html'"/>
 <br class="spacer" />
</form>
</div>
<!--member end -->
<!--story start -->
<!--story start -->
</p>
<!--story end -->
<!--story end -->
<!--ser start -->
<!--ser end -->
<!--help start -->
<!--help end -->
<div id="right2">
<h2>本周人气排行</h2>
<a href="movieDetailedInfo.aspx?videoId=70l"><h3>1.蜘蛛侠</h3></a>
<a href="movieDetailedInfo.aspx?videoId=70l"><h3>2.风云</h3></a>
<a href="movieDetailedInfo.aspx?videoId=70l"><h3>3.叶问</h3></a>
<a href="movieDetailedInfo.aspx?videoId=70l"><h3>4.阿凡达</h3></a>
<a href="movieDetailedInfo.aspx?videoId=70l"><h3>4.阿凡提</h3></a>
<a href="movieDetailedInfo.aspx?videoId=70l"><h3>5.燕尾服</h3></a>
<a href="movieDetailedInfo.aspx?videoId=70l"><h3>6.锦衣卫</h3></a>
<a href="movieDetailedInfo.aspx?videoId=70l"><h3>7.盗梦空间</h3></a>
<a href="movieDetailedInfo.aspx?videoId=70l"><h3>8.海尔兄弟</h3></a>
<a href="movieDetailedInfo.aspx?videoId=70l"><h3>9.狮子王</h3></a>
<a href="movieDetailedInfo.aspx?videoId=70l"><h3>10.黑猫警长</h3></a>
<br class="spacer" />
</div></div>
<!--left end -->
<!--right start -->
<div id="right">

  <div align="right"><input align="right" type="text" value="请输入关键字搜索" onFocus="if(value==defaultValue){value='';this.style.color='#000'}" onBlur="if(!value){value=defaultValue;this.style.color='#999'}" style="color:#999999"/><input type="button" value="搜索" onclick="window.location.href='./searchResult.html'"/></div>
<ul class="nav">
<li><a href="./index.html">主页</a></li>
<li><a href="./pay.html" class="hover">购卡</a></li>
<li><a href="./charge.html">充值</a></li>
<li><a href="./videoLib.html">影片库</a></li>
<li><a href="./PostList.html">公告列表</a></li>
<li><a href="./NewsList.html">新闻列表</a></li>
<li class="noBor"><a href="http://www.bjtu.edu.cn">联系我们</a></li>
</ul>
<br class="spacer"/>
<form>
<h2 class="why STYLE2"><span>我要购卡</span></h2>
<p class="rightTxt"><span>请选择您的支付方式：
<br>
</span></p>
<p class="rightTxt">
    <label>
    <input type="radio" name="RadioGroup1" value="0" />
    银行卡充值</label>
    <br />
    <label>
    <input type="radio" name="RadioGroup1" value="1" />
    手机话费充值</label>
    <br />
  </p>
	<br />

<p class="rightTxt"><span>  </br>
  <input type="button" name="charge" onClick="window.location.href='creditPay.html'"  class="contacttexthead" value=" 充值 " />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
  <input type="button" name="cancel" onClick="cancel()"  class="contacttexthead" value=" 取消 " />
</p>
</form>
<p/>
<h1 class="why">
  </h1>

<!--right1 end -->
<p/>
<p/>
<!--right2 start -->
<p>
  <!--right2 end -->
</p>



</div>
<!--right end -->
<br class="spacer" />
</div>

<!--nav,start-->

<!-- JiaThis Button BEGIN -->
<script type="text/javascript" src="http://v1.jiathis.com/code/jiathis_r.js?move=0&amp;btn=r2.gif" charset="utf-8"></script>
<!-- JiaThis Button END -->

<!--nav,end-->
<!--body end -->

<!--footer start -->
<div id="footer"> 
  <ul>
    <li><a href="#">&#20027;&#39029;</a>| </li>
    <li><a href="#">&#36141;&#21345;</a>| </li>
    <li><a href="#">&#20805;&#20540;</a>| </li>
    <li><a href="#">&#24433;&#29255;&#24211;</a>| </li>
    <li><a href="#">&#20844;&#21578;&#21015;&#34920;</a>| </li>
    <li><a href="#">&#26032;&#38395;&#21015;&#34920;</a>| </li>
    <li><a href="#">&#32852;&#31995;&#25105;&#20204;</a>| </li>
  </ul>
  <p class="copyright">Copyright ©BJTU 2011. All Rights Reserved.</p>
  <p class="design">Designed by : <a href="http://www.templateworld.com/" target="_blank" class="link">Icoder Group </a></p>
</div>
<!--footer end -->
<script type="text/javascript" src="http://www.web600.net/js/fixedFooterAD.js"></script>
</body>
</html>
